Jest - mock read-only data


Posted by tsungtingdu on 2021-07-16

情境:在使用 @ViewChild 引入其他 component

@ViewChild(ChildComponent) childComponent: ChildComponent;

然後進行測試的情況下,需要 mock 這個 ChildComponent。

但是如果想要 mock 那些 read-only 的 attributes 的話,可以用 Object.defineProperty 來處理:

component.childComponent = {} as any;
Object.defineProperty(component.childComponent, 'isChild', { value: true });

當然這個方法也可以用在 mock 其他的 class, object 上


#Angular #Jest







Related Posts

Vue.js 學習旅程Mile 9 – Event Handling 事件處理篇-1:methods & v-on

Vue.js 學習旅程Mile 9 – Event Handling 事件處理篇-1:methods & v-on

Print lots of stars

Print lots of stars

[ 筆記 ] 網路基礎 - HTTP, Request, Response

[ 筆記 ] 網路基礎 - HTTP, Request, Response


Comments